/**
 * 切换皮肤
 */
function switchSunMoon(){
    let item = localStorage.getItem("DARK_LIGHT_THEME");
    if (item === 'dark') {
        jQuery('#theme2_moon').css('display', 'none');
        jQuery('#theme2_sun').css('display', 'block');
    }else {
        jQuery('#theme2_moon').css('display', 'block');
        jQuery('#theme2_sun').css('display', 'none');
    }
}

/**
 * 载入插件
 *
 * @param hook
 * @param vm
 */
window.$docsify.plugins = [].concat(function(hook, vm) {

    // 钩子函数：每次路由切换时数据全部加载完成后调用，没有参数。
    hook.doneEach(function() {
        let elementById = document.getElementById('docsify-darklight-theme');
        elementById.style.display = 'none';
        let elementById2 = document.getElementById('docsify-darklight-theme2');
        if (elementById && !elementById2) {
            let html = `
                <div id="docsify-darklight-theme2">
                    <img id="theme2_moon" src="./static/icon/moon.svg" alt="">
                    <img id="theme2_sun" src="./static/icon/sun.svg" alt="">
                </div>
            `;
            // 插入html代码
            jQuery("body").append(html);
            // 默认值
            switchSunMoon();
            // 皮肤切换事件
            jQuery("#docsify-darklight-theme2").click(function () {
                jQuery("#docsify-darklight-theme").click();
                switchSunMoon();
            });
            // 滚动事件
            window.addEventListener('scroll', function () {
                // div.style.opacity = window.scrollY > 0 ? 1 : 0;
                if (window.scrollY > 0) {
                    jQuery("#docsify-darklight-theme2").css("bottom", "60px");
                }else {
                    jQuery("#docsify-darklight-theme2").css("bottom", "15px");
                }
            });
        }
    });

    // 初始化并第一次加载完成数据后调用，只触发一次，没有参数。
    hook.mounted(function() {
        // 监听地址发生变化事件
        window.onhashchange = function (){
            let elementById2 = document.getElementById('docsify-darklight-theme2');
            if (elementById2) {
                if (vm.route.path == '/') {
                    jQuery("#docsify-darklight-theme2").css("display", "none");
                }else {
                    jQuery("#docsify-darklight-theme2").css("display", "");
                }
            }
        }
    });

}, window.$docsify.plugins);
